.xtx_header .title {
  font-size: 24px;
  font-weight: bold;
}

.xtx_list {
  width: 990px;
  margin: 100px auto 0;
}

.item {
  padding: 15px;
  transition: all .5s;
  display: flex;
  border-top: 1px solid #e4e4e4;
}

.item:nth-child(4n) {
  margin-left: 0;
}

.item:hover {
  cursor: pointer;
  background-color: #f5f5f5;
}

.item img {
  width: 80px;
  height: 80px;
  margin-right: 10px;
}

.item .name {
  font-size: 18px;
  margin-right: 10px;
  color: #333;
  flex: 2;
}

.item .name .tag {
  display: block;
  padding: 2px;
  font-size: 12px;
  color: #999;
}

.item .price,
.item .sub-total {
  font-size: 18px;
  color: firebrick;
  flex: 1;
}

.item .price::before,
.item .sub-total::before,
.amount::before {
  content: "¥";
  font-size: 12px;
}

.item .spec {
  flex: 2;
  color: #888;
  font-size: 14px;
}

.item .count {
  flex: 1;
  color: #aaa;
}

.xtx_total {
  width: 990px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #e4e4e4;
  padding: 20px;
}

.xtx_total .amount {
  font-size: 18px;
  color: firebrick;
  font-weight: bold;
  margin-right: 50px;
}